<div style="overflow-x: hidden;">
    <ul class="nav nav-tabs" id="myTab">
        <li style="width: 200px; text-align: center;" class="active">
            <a href="#projectStateNum" id="projectStatelab" role="tab" data-toggle="tab">工程状态数量</a>
        </li>
        <li style="width: 200px; text-align: center;">
            <a href="#projectType" id="projectTypelab" role="tab" data-toggle="tab">工程类别统计</a>
        </li>
        <li style="width: 200px; text-align: center;">
            <a href="#projectAge" id="projectAgelab" role="tab" data-toggle="tab">工程年代</a>
        </li>
        <!--<li style="width: 200px; text-align: center;">
            <a href="#dailyCollection" id="dailyCollectionlab" role="tab" data-toggle="tab">每日采集情况</a>
        </li>-->
        
    </ul>

    <div style="margin-top: 8px;">
        <form id="searchForm" name="searchForm" style="padding: 20px 0;margin: 0 10px;border-bottom: 1px solid #ddd;">
            <div class="row">
                <div class="col-md-4 form-horizontal">
                    <div class="form-group">
                        <label class="col-md-3 control-label">所属地区:</label>
                        <div class="col-md-9">
                            <input id="province" class="easyui-combobox" style="width: 110px;" />
                            <input id="city" class="easyui-combobox" style="width: 110px;"/>
                            <input id="county" class="easyui-combobox" style="width: 110px;" />
                        </div>
                    </div>
                </div>
                <div class="col-md-3 form-horizontal" id="status">
                    <div class="form-group">
                        <label class="col-md-3 control-label">状态:</label>
                        <div class="col-md-9">
                            <input id="state" class="easyui-combobox" style="width: 110px;" />
                        </div>
                    </div>
                </div>
                <div class="col-md-4 form-horizontal" id="collectionDate">
                    <div class="form-group">
                        <label for="complex" class="col-md-2 control-label">日期:</label>
                        <div class="col-md-6">
                            <div class="input-group">
                                <input id="complex" type="text" class="form-control">
                                <a id="complex_del" class="input-group-addon"><i class="fa fa-times"></i></a>
                                <a id="complex_show" class="input-group-addon"><i class="fa fa-calendar"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
                <button id="btnSearch" class="btn btn-default" type="button">查询</button>
                <button id="btnReset" class="btn btn-default" type="button">重置</button>
            </div>
        </form>
    </div>
    <div class="tab-content" style="margin-top: 20px;">
        <div class="tab-pane fade in active" id="projectStateNum" style="width: 100%;text-align: center;">
            <div id="projectStateNumBar" style="display: inline-block;width: 47%; height: 600px; margin: 0 auto;"></div>
            <div id="projectStateNumPie" style="display: inline-block;width: 47%; height: 600px; margin: 0 auto"></div>
        </div>
        <div class="tab-pane fade" id="projectType" style="width: 100%;position: relative;text-align: center;">
            <div id="projectTypePie" style="display: inline-block;width: 47%; height: 600px; margin: 0 auto;"></div>
        </div>
        <div class="tab-pane fade" id="projectAge" style="width: 100%;text-align: center;">
            <div id="projectAgePie" style="display: inline-block;width: 47%; height: 600px; margin: 0 auto;"></div>
        </div>
        <div class="tab-pane fade" id="dailyCollection" style="width: 100%;text-align: center;">
            <div id="earthquake" style="display: inline-block;width: 94%; height: 600px; margin: 0 auto;"></div>
        </div>
        
    </div>
</div>